<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta property="qc:admins" content="2541377731622236375636" />
<{include file="block/sheader.html"}>
<script type="text/javascript" src="http://www.zjzs.com.cn/static/waterfall/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="http://www.zjzs.com.cn/static/waterfall/js/jquery.masonry.js"></script>
<script type="text/javascript" src="http://www.zjzs.com.cn/static/waterfall/js/jquery.infinitescroll.js"></script>


<style type="text/css">
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
em{font-style:normal;}
a{text-decoration:none;cursor:pointer;color:#666666;}
a:hover{color:#FF6699;}
body{background:url("http://www.zjzs.com.cn/static/waterfall/images/bodybg.jpg") repeat #f5f6f7;color:#666666;font-family:Arial;font-size:12px;}
.fl{float:left;}.fr{float:right;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-table;}
*html .clearfix{height:1%;}
.clearfix{display:block;}
*+html .clearfix{min-height:1%;}
.demo{width:950px;margin:0 auto;}

/* item_list */
.item_list{position:relative;padding:0 0 50px;}
.item{
	width:226px;background:#fff;overflow:hidden;margin:15px 0 0 0;
	border-radius:4px 4px 4px 4px;
	box-shadow:0 1px 3px rgba(34, 25, 25, 0.2);	
}
.item_t{padding:10px 8px 0;}
.item_t .img{background-color:#FFFFFF;margin:0 auto;position:relative;width:210px;min-height:210px;}
.item_t .img a{display:block;}
.item_t .img a:hover{background:#000;}
.item_t .img a:hover img{filter:alpha(opacity=80);-khtml-opacity:0.8;opacity:0.8;-webkit-transition:all 0.3s ease-out;-khtml-transition:all 0.3s ease-out;}
.item_t .price{
	position:absolute;bottom:10px;right:0px;background-color:rgba(0, 0, 0, 0.2);color:#FFF;
	filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#33000000, endcolorstr=#33000000);
}
.item .btns{display:none;}
.img_album_btn{top:0px;right:0px;position:absolute;background:#ff6fa6;color:#ffffff;height:20px;line-height:20px;width:56px;border-radius:3px;}
.img_album_btn:hover{color:#fff;}
.item_t .title{padding:8px 0;line-height:18px;}
.item_b{padding:10px 8px;}
.item_b .items_likes .like_btn{background:url("http://www.zjzs.com.cn/static/waterfall/images/fav_icon_word_new_1220.png") no-repeat;display:block;float:left;height:23px;width:59px;margin-right:5px;}
.item_b .items_likes em{line-height:23px;display:block;float:left;padding:0px 6px;color:#FF6699;font-weight:800;border:1px solid #ff6fa6;border-radius:3px;}

/* more */
#more{display:block;margin:10px auto 20px;}

/* infscr-loading */
#infscr-loading{bottom:-10px;left:45%;position:absolute;text-align:center;height:20px;line-height:20px;z-index:100;width:120px;}

/* page */
.page{display:none;font-size:18px;height:60px;text-align:center;margin:20px 0 0 0;}
.page_num a,.page_num span{margin:0 2px;background:url("http://www.zjzs.com.cn/static/waterfall/images/page.png") no-repeat;display:inline-block;width:30px;height:28px;line-height:26px;overflow:hidden;}
.page_num a{background-position:-65px 0;color:#FF3333;overflow:hidden;}
.page_num .prev{background-position:1px -33px;}
.page_num .unprev{background-position:1px 0;cursor:default;}
.page_num .next{background-position:-32px 0;}
.page_num .unnext{background-position:-32px -33px;cursor:default;}
.page_num .current{background-position:-99px 0;color:#FFFFFF;}
.page_num .etc{background-position:-172px 8px;}

/* to_top */
.to_top a,.to_top a:hover{background:url("http://www.zjzs.com.cn/static/waterfall/images/gotop.png") no-repeat}
.to_top a{
	background-position:0 0;float:left;height:50px;overflow:hidden;width:50px;position:fixed;bottom:35px;cursor:pointer;right:20px;
	_position:absolute;
	_right:auto;
	_left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft, 10)||0)-(parseInt(this.currentStyle.marginRight, 10)||20));
	_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||20)-(parseInt(this.currentStyle.marginBottom, 10)||20)));
}
.to_top a:hover{background-position:-51px 0px;}
</style>

<script type="text/javascript">
var isWidescreen=screen.width>=1280; 
if(isWidescreen){document.write("<style type='text/css'>.demo{width:1194px;}</style>");}
</script>

<script type="text/javascript">
function item_masonry(){ 
	$('.item img').load(function(){ 
		$('.infinite_scroll').masonry({ 
			itemSelector: '.masonry_brick',
			columnWidth:226,
			gutterWidth:15								
		});		
	});
		
	$('.infinite_scroll').masonry({ 
		itemSelector: '.masonry_brick',
		columnWidth:227,
		gutterWidth:15								
	});	
}

$(function(){

	function item_callback(){ 
		
		$('.item').mouseover(function(){
			$(this).css('box-shadow', '0 1px 5px rgba(35,25,25,0.5)');
			$('.btns',this).show();
		}).mouseout(function(){
			$(this).css('box-shadow', '0 1px 3px rgba(34,25,25,0.2)');
			$('.btns',this).hide();		 	
		});
		
		item_masonry();	

	}

	item_callback();  

	$('.item').fadeIn();

	var sp = 1
	
	$(".infinite_scroll").infinitescroll({
		navSelector  	: "#more",
		nextSelector 	: "#more a",
		itemSelector 	: ".item",
		
		loading:{
			img: "http://www.zjzs.com.cn/static/waterfall/images/masonry_loading_1.gif",
			msgText: ' ',
			finishedMsg: '木有了',
			finished: function(){
				sp++;
				if(sp>=10){ //到第10页结束事件
					$("#more").remove();
					$("#infscr-loading").hide();
					$("#page").show();
					$(window).unbind('.infscr');
				}
			}	
		},errorCallback:function(){ 
			$("#page").show();
		}
		
	},function(newElements){
		var $newElems = $(newElements);
		$('.infinite_scroll').masonry('appended', $newElems, false);
		$newElems.fadeIn();
		item_callback();
		return;
	});

});
</script>
</head>
<body class="pagewd">
<iframe id="miniframe" name="miniframe" style="display:none;"></iframe>
<!--头部内容开始-->
<{include file="block/top-header.html"}>
<div class="main_header">
	<div class="mainwd top_bottom">
		<div class="logo lt">
			<a href="<{link ctl='index'}>"><img src="<{if $CONFIG.site.logo}><{$pager.img}>/<{$CONFIG.site.logo}><{else}>%THEME%/static/images/logo.png<{/if}>" class="logo lt" /></a>
			<p class="lt"><font><img src="<{$pager.theme}>/default/static/images/here.png"><{$request.city.city_name}></font>
				<{if $CONFIG.site.multi_city}><a href="<{link ctl='city'}>" class="fontcl1">[切换城市]</a><{/if}>
			</p>
		</div>
		<!--div class="search_box lt">
			<{widget id="public/sobox" sokw=$pager.sokw}>
		</div-->
<!--搜索开始-->
		<div class="search_box lt">
			<form method="post" action="http://www.zjzs.com.cn/case-album.html" id="top-search">
    <div class="search_cont">
        <a href="javascript:void(0);" id="top_select" class="lt">案例<span class="search_ico index_ico"></span></a>
        <div class="search_cont_list none">
                        <!--a href="javascript:void(0);" rel="http://www.zjzs.com.cn/gs-items.html">公司</a>
                        <a href="javascript:void(0);" rel="http://www.zjzs.com.cn/mall/store.html">商铺</a>
                        <a href="javascript:void(0);" rel="http://www.zjzs.com.cn/mall/product.html">商品</a-->
                        <a href="javascript:void(0);" rel="http://www.zjzs.com.cn/designer-items.html">设计师</a>
                        <a href="javascript:void(0);" rel="http://www.zjzs.com.cn/gz-items.html">工长</a>
                        <a href="javascript:void(0);" rel="http://www.zjzs.com.cn/case-album.html">案例</a>
                        <a href="javascript:void(0);" rel="http://www.zjzs.com.cn/home-items.html">小区</a>
                        <a href="javascript:void(0);" rel="http://www.zjzs.com.cn/home-items.html">工地</a>
                        <!--a href="javascript:void(0);" rel="http://www.zjzs.com.cn/home-tuan.html">团装</a-->
                        <a href="javascript:void(0);" rel="http://www.zjzs.com.cn/article-items.html">学装修</a>
                    </div>
    </div>
    <input type="text" name="kw" class="text lt" placeholder="请输入你要搜索的关键字" value=""  x-webkit-speech speech/>
    <input type="submit" class="btn rt" value="搜索"/>
</form>
<script type="text/javascript">
(function(K, $){
    $(".search_box .search_cont").mouseover(function(){
        var o = $("#top_select").offset();
        $(this).find(".search_cont_list").css({left:o.left-2,top:o.top+36}).show();
    }).mouseleave(function(){
        $(this).find(".search_cont_list").hide();
    });
    $(".search_cont_list a").click(function(){
        $(".search_box .search_cont #top_select").html($(this).text()+'<span class="search_ico index_ico"></span>');
        $(".search_box form").attr('action',$(this).attr('rel'));
        $(".search_box .search_cont_list").hide();
    });
    //绿色头部搜索框
    $(".search_cont").mouseover(function(){
        $(this).find(".search_cont_list").show();
    }).mouseleave(function(){
        $(this).find(".search_cont_list").hide();
    });
})(window.KT, window.jQuery);
</script>
		</div>
<!--搜索结束-->
		<div class="site_commitment rt">
			<ul>
				<li><a href="<{link ctl='zxb'}>"><span class="index_ico ico1"></span></a></li>
				<li><a href="<{link ctl='zxb'}>"><span class="index_ico ico2"></span></a></li>
			</ul>
		</div>
	</div>
	<div class="main_nav">
		<div class="mainwd hoverno">
			<ul>
				<li><a href="<{link ctl='index'}>" <{if $request.ctl=='index'}>class="current"<{/if}>>首页</a>
				</li>
				<!--li><a <{if $request.ctl=='tenders'}>class="current"<{/if}> href="<{link ctl='tenders'}>">我要装修</a>
				</li-->

				
				<li><a <{if $request.ctl=='gz'}>class="current"<{/if}> href="<{link ctl='gz'}>">好工长</a></li>
				 
				<!--li>
					<a <{if $request.ctl=='gs' || $request.ctl=='designer' || $request.ctl=='gz'   || $request.ctl=='mechanic' || $request.ctl=='youhui'  }>class="current"<{/if}> href="<{link ctl='gz'}>">找工长</a>
					<ul class="main_nav_son none">
						<li><a href="<{link ctl='gs'}>">找装修公司</a></li>
						<li><a href="<{link ctl='gz'}>">找工长</a></li>
						<!--li><a href="<{link ctl='designer'}>">找设计师</a></li>
						
						<li><a href="<{link ctl='mechanic'}>">找工人</a></li>
						<li><a href="<{link ctl='youhui'}>">优惠信息</a>
						</li>
					</ul>
				</li-->
				<li>
					<a <{if $request.ctl=='site' || $request.ctl=='site'}>class="current"<{/if}> href="<{link ctl='site'}>">工地直播</a>
					<!--ul class="main_nav_son none">
						<li><a href="<{link ctl='home'}>">小区楼盘</a></li>
						<li><a href="<{link ctl='home:map'}>">楼盘地图</a></li>
						<li><a href="<{link ctl='site'}>">在建工地 </a></li>
						<li><a href="<{link ctl='home:tuan'}>">团装小区</a></li>
					</ul-->
				</li>
				<li><a <{if $request.ctl=='case'}>class="current"<{/if}> href="<{link ctl='case'}>">装修案例</a></li>
				<li><a <{if $request.ctl=='designer'}>class="current"<{/if}> href="<{link ctl='designer'}>">设计师</a></li>
				<li><a <{if $request.ctl=='tenders'}>class="current"<{/if}> href="<{link ctl='tenders.html#TBJ'}>">装修预算</a></li>
				<li><a <{if $request.ctl=='home'}>class="current"<{/if}> href="<{link ctl='home'}>">找邻居</a></li>
				<li>
					<a <{if $request.ctl=='article' || $request.ctl=='diary' || $request.ctl=='ask' }>class="current"<{/if}> href="<{link ctl='article'}>">学装修</a>
					<ul class="main_nav_son none">
						<li><a href="<{link ctl='diary'}>">装修日记</a></li>
						<li><a href="<{link ctl='ask'}>">装修问答</a></li>
						<li><a href="<{link ctl='article'}>">装修课堂</a></li>
					</ul>
				</li>
				<li><a <{if $request.ctl=='topics'}>class="current"<{/if}> href="<{link ctl='topics'}>">装修贷款</a></li>
				<!--li><a <{if $request.ctl=='activity' || $request.ctl=='mall/coupon'}>class="current"<{/if}> href="<{link ctl='activity'}>">优惠活动</a>
				<ul class="main_nav_son none">
						<li><a href="<{link ctl='mall/coupon-items'}>">优惠券</a></li>
					</ul>
				</li-->
                <!--li><a <{if $request.ctl=='news'}>class="current"<{/if}> href="<{link ctl='news'}>">本地新闻</a>
				</li-->
				
				<!--li class="last">
					<a <{if $request.ctl=='mall/index' || $request.ctl=='mall/store'}>class="current"<{/if}> href="<{link ctl='mall'}>">家居商城</a>
					<ul class="main_nav_son none">
						<li><a href="<{link ctl='mall/index'}>">商城主页</a></li>
						<li><a  href="<{link ctl='mall/store'}>">商家列表</a></li>
					</ul>
				</li-->
			</ul>
		</div>
	</div>
</div>
<script type="text/javascript">
$(document).ready(function() {			
	//绿色导航
	$(".main_nav ul li").mouseover(function(){
		$(this).find(".main_nav_son").show();
		$(this).addClass('current');
	}).mouseleave(function(){
		$(this).removeClass('current');
		$(this).find(".main_nav_son").hide();
		
	});
});
</script>
